.amap-marker .amap-marker-content>div{
    color: #fff !important;
}
.amap-marker-label{
    background: none;
    border: 0 none;
    cursor: pointer;
    padding: 0;
}
.amap-info{
     width: auto !important;
    /* position: relative !important; */
}
.amap-info.active .amap-text,.amap-info.hover .amap-text{
    /*animation:myChange 2s;*/
}
.amap-ico-line{
    display: flex;
    align-items:flex-end;
}
.no-score{
    font-weight: normal !important;
    font-size: 12px !important;
}
.amap-text{
    color: #00ffe0;
    /* position: absolute;
    left:6px;
    top:-50px; */
    line-height: 1.5;
    animation:all 2s;
    padding-left:32px;
    padding-top:6px;
}
.amap-text span.score{
    font-size: 16px;
    color:#fff ;
    font-weight: bold;
    display:block;
}
.amap-info-content{
    min-width: 250px;
}
.amap-type1 .amap-text span.score{
    color: rgba(255, 201, 33, 1);
}
.amap-type2 .amap-text span.score{
    color: red;
}
.amap-type1 .amap-text span.score.no-score{
    color: #eee;
}
.amap-type2 .amap-text span.score.no-score{
    color: #eee;
}
.amap-type0 .amap-text{

}
.amap-type0 .amap-text .score{
}
.amap-type1 .amap-text{

}
.amap-type1 .amap-text .score{
}
.amap-type2 .amap-text {

}
.amap-type2 .amap-text .score{
}
.amap-line{
    width:4px;
    height:30px;
    border-radius: 50px;
    margin: 0 10px;
    background: -webkit-linear-gradient(left top,rgba(255,255,255,.8), rgba(39,116,238,.2) );
    transform: rotateX(30deg);
    box-shadow: 1px 1px 5px rgba(255,255,255,.3);
}

.amap-type0 .amap-line{
    background: -webkit-linear-gradient(left top,rgba(255,255,255,.8), rgba(39,116,238,.2) );
}
.amap-type1 .amap-line{
    background: -webkit-linear-gradient(left top,rgba(255,255,255,.8), rgba(255,177,10,.2) );
}
.amap-type2 .amap-line{
    background: -webkit-linear-gradient(left top,rgba(255,255,255,.8), rgba(255,10,0,.2) );
}
.window-auto-box{
    background: rgba(0,0,0,.9);
}
.window-auto-box . unit-name-pop{

}
.amap-line01{
    height:60px;
}
.amap-line02{
    height:100px;
}
.my-window-card{
    width: 240px;
    line-height: 1.5;
}
.go-to-detial{
    text-align: center;
}
.input-item-list{
    display: flex;
    margin-top: 5px;
    align-items: center;
}
.input-item-list label{
    min-width:70px;
    text-align: right;
    display:block;
}
.my-window-card{
    height: 130px;
}
.my-window-img{
    overflow: hidden;
    width: 210px;
    height: 120px;
}
.map-point-name{
    position: relative;
}
.map-point-name.active .map-point-text{
    display: block;
}
.map-point-text{

}
.map-point-flag{
    color: #1890FF;
    width:16px;
    height:16px;
    background:#fff;
    border: 4px solid  #1890FF;
    border-radius: 50%;
    text-align:center;
    margin: 0 auto;
    position:relative;
    z-index:99
}
.abnormalStatus .map-point-flag{
  border-color:#FAE600;
}
.faultStatus .map-point-flag{
  border-color:rgba(255, 0, 0, 1);
}
.offlineStatus .map-point-flag{
  border-color:rgba(240, 150, 18, 1);
}
.map-point-flag span{
    position: relative;
}
.devicepoint .map-point-flag .map-point-number{
    display: block;
}
.map-point-number-info{
     background:rgba(0, 0, 0, 0.2);
    padding:0 20px 0 40px;
    line-height:50px;
    color: rgba(255,255,255,0.6);
    font-size:25px;
    font-weight:bold;
    height:100%;
    font-family: RiWenLOGO;
    position:relative
}
.map-point-number-info::before,.map-point-number-info::after{
    display:block;
    content:'';
    position:absolute;
    border-right: 2px solid #1890FF;
    border-top:2px solid   #1890FF;
    width:10px;
    height:10px;
    right:-1px;
}
.map-point-number-info::before{
   top:-1px;
}
.map-point-number-info::after{
    border-top: 0 none;
    border-bottom:2px solid   #1890FF;
    bottom: -1px;
}

.map-point-flag .map-point-number{
    display:none;
    position: absolute;
    left: 50%;
    top:-2px;
    bottom: -2px;
    border: 1px  #1890FF  dashed;
    border-left: 0 none;
}
.alarm_status .map-point-flag .map-point-number,.alarm_status .map-point-number-info::before,.alarm_status  .map-point-number-info::after{
    border-color:red;
}
.abnormal_status .map-point-flag .map-point-number,.abnormal_status .map-point-number-info::before,.abnormal_status .map-point-number-info::after{
    border-color:#FAE600;
}
.offline_status .map-point-flag .map-point-number,.offline_status .map-point-number-info::before,.offline_status  .map-point-number-info::after{
    border-color:rgba(240, 150, 18, 1);
}
.alarm_status .map-point-flag{
    color: red;
    border-color:red;
}
.abnormal_status .map-point-flag{
    color: #FAE600;
    border-color:#FAE600;
}
.offline_status .map-point-flag{
    color: rgba(240, 150, 18, 1);
    border-color:rgba(240, 150, 18, 1);
}
.map-point-flag .icon{
    font-size:28px;
}
.map-point-zxt{
  background:url(../images/normal_status.png);
  width:59px;
  height:68px;
  margin: -10px auto 0;
}
.devicepoint .map-point-zxt{
    width: 0px;
    border: 1px solid;
    border-image: linear-gradient(180deg, rgba(52, 164, 255, 1), rgba(52, 164, 255, 0)) 2 2;
}
.devicepoint.alarm_status .map-point-zxt{
    border-image: linear-gradient(180deg, rgba(255, 0, 0, 1), rgba(255, 0, 0, 0)) 2 2;
}
.devicepoint.abnormal_status .map-point-zxt{
    border-image: linear-gradient(180deg, rgba(250, 230, 0, 1), rgba(250, 230, 0, 0)) 2 2;
}
.devicepoint.offline_status .map-point-zxt{
    border-image: linear-gradient(180deg, rgba(240, 150, 18, 1), rgba(240, 150, 18, 0)) 2 2;
}
.alarm_status .map-point-zxt{
    background:url(../images/alarm_status.png);
}
.abnormal_status .map-point-zxt{
    background:url(../images/abnormal_status.png);
}
.offline_status .map-point-zxt{
    background:url(../images/offline_status.png);
}


.map-point-bottom{
    width: 19px;
    height: 10px;
    background: #0393FF;
    box-shadow: 0px 0px 15px 3px #0393FF;
    border-radius: 50%;
    margin: 5px auto 0;
}
.alarm_status .map-point-bottom{
    background: red;
    box-shadow: 0px 0px 15px 3px red;

}
.abnormal_status .map-point-bottom{
    background: #FAE600;
    box-shadow: 0px 0px 15px 3px #FAE600;

}
.offline_status .map-point-bottom{
    background: #F09612;
    box-shadow: 0px 0px 15px 3px #F09612;

}
.amap-overlay-text-container{
    overflow:visible !important;
}
.amap-info-content{
    background:none !important;
}
.amap-info-sharp{
    display:none;
}
.amap-info-content .amap-info-close{
    right: 10px !important;
    color: #0088fa;
    display:none;
}
.amap-info-content .amap-info-close:hover{

}
.amap-icon{
/*;-webkit-animation:twinkling 2.1s infinite ease-in-out;*/
/*    animation:twinkling 2.1s infinite ease-in-out;*/
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    animation-direction: inherit;
}
.amap-flag{
    position: relative;
    overflow: visible;
}
.amap-flag-ico{
    margin-top:5px;
    text-align: center;
}
.amap-flag-ico img{
    height:24px ;
    width: 24px;
}
.amap-flag-hover{

}
.amap-flag-active{
    color: green;
}
.map-zt{
    background:url(../img/type1.png) no-repeat 0 0;
    width: 58px;
    height:70px;
    position: relative;
    transform-style: preserve-3d;
    /* transform: translateZ(-150px) translateX(-70%) rotateY(360deg); */
}
.zt-list{
    position: absolute;
    height: 0;
    border-right: 100px solid transparent;
    border-left: 100px solid transparent;
    opacity: .92;
    border-bottom: 200px solid #c87154;
    display: none;
}
.zt-list01{
    transform: rotateX(30deg) translateZ(57px);
}
.zt-list02{
    transform: rotateX(-30deg) translateZ(-57px);
}
.zt-list03{
    transform: rotateZ(-30deg) rotateY(-90deg) translateZ(-57px);
}
.zt-list04{
    transform:  rotateZ(30deg) rotateY(90deg) translateZ(-57px);
}

.map-zt{
    animation:roll 1.6s infinite ease-in-out;
}
.map-zt:hover{
    animation-fill-mode:forwards;
}
.amap-markers>.amap-marker:hover  .map-zt{
    opacity: 1 !important;
    animation:none;
}
@keyframes roll {
    0% {
        opacity:0.5;
        /* transform: rotateY(90deg); */
        filter:alpha(opacity=50);
    }
    20% {
        opacity:0.8;
        filter:alpha(opacity=80);
        /* transform: rotateY(180deg); */
    }
   50% {
       opacity:1.0;
       filter:alpha(opacity=100);
       /* transform: rotateY(225deg); */
   }
   70% {
       opacity:0.8;
       filter:alpha(opacity=80);
       /* transform: rotateY(300deg); */
   }
    100% {
        opacity:0.5;
        filter:alpha(opacity=50);
        /* transform: rotateY(360deg); */
    }
}

@keyframes twinkling {
     0% {
         opacity:0.6;
         filter:alpha(opacity=60);
     }
     20% {
         opacity:0.8;
         filter:alpha(opacity=80);
     }
    50% {
        opacity:1.0;
        filter:alpha(opacity=100);
    }
    70% {
        opacity:0.8;
        filter:alpha(opacity=80);
    }
     100% {
         opacity:0.6;
         filter:alpha(opacity=60);
     }
 }
.map-flag-box-normal .window-left-ico{
    width: 30px;
    height: 30px;
    font-size: 14px;
}

.map-flag-box-normal .unit-ico.icon{
    border-width:1px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size:12px;
}
.map-flag-box-normal .map-zt{
    width: 28px;
    height: 35px;
    background-size: cover;
}

@keyframes myChange
{
    from {background: rgba(0,11,23,.3);}
    to {background: rgba(0,146,255,.8);}
}

@-webkit-keyframes mymove /*Safari and Chrome*/
{
    from {background: rgba(0,11,23,.3);}
    to {background: rgba(0,146,255,.8);;}
}
.map-flag-info{
    position: relative;
    top:10px;
    z-index: 9;
}
.map-flag-info .anticon{
    font-size: 36px;
    height: 40px;
    width: 40px;
    border-radius: 50px;
    margin: 0 auto;
}
.map-flag-txt{
    position: absolute;
    top: 77px;
    left: -1px;
    width: 460px;
    display: block ;
    opacity: 0;
    transition: all 1s;
    transform: scale(0.1);
}
.my-window-card .window-auto-box{
    margin: 10px 20px;
    color: #fff;
}
.window-tit{
    position: relative;
    text-align: center;
}

.window-tit i{
   display: block;
   width:30px;
   height:30px;
   border:1px solid #0088fa;
   line-height:30px;
   font-style: normal;
   border-radius: 50%;
   position: absolute;
   left: 100%;
   top: 50%;
   transform: translate(20px,-50%);
   cursor: pointer;
   opacity: .8;
}
.window-tit i::before{
    content: '';
    display: block;
    width:20px;
    height: 1px;
    background: #0088fa;
    position: absolute;
    left:0;
    top: 50%;
    transform:translate(-100%,-50%);
    transition: all 1s;

}
.window-auto-box .input-item-list{
    color: #fff;
}
.window-auto-box .unit-dev{
    color: #fff;
}
.window-auto-box .go-to-detial{
    padding: 10px;
}
.window-auto-box{
    position: relative;
    top:-4px;
}
.window-auto-box::before{
    content: '';
    display: block;
    width: 0px;
    height: 0px;
    border:10px solid rgba(0,0,0,.9);
    border-right-color: transparent;
    border-left-color: transparent;
    border-bottom-color: transparent;
    position: absolute;
    left: 50%;
    bottom: -20px;
    transform: translateX(-50%);
}
.window-auto-box  .my-window-card{
    margin: 10px 20px;
}
.window-tit i:hover{
    opacity: 1;
}
.map-flag-box:hover  .map-flag-txt{
    display: flex !important;
    opacity: 1;
    transform: scale(1);
}
.amap-markers>.amap-marker{
    z-index: 998;
}
.amap-markers>.amap-marker:hover{
    z-index: 999 !important;
}
.window-con-info{
    position: relative;
    left: 74px;
    top: -74px;
    width: 360px;
}
.window-middle-ico{
    height:157.5px;
    transform: rotate(45deg);
    width: 1px;
    background: #0393ff;
    transform-origin: 0 0;
    position: relative;
    left:82px;
    top: -82px;
}
.window-con-info{
    position: relative;
    top: -105px;
    background: #000;
    left: 82px;
}
.window-con-tit{
    padding: 0px 20px;
    border: 1px solid #0393ff;
    position: relative;
    background:rgba(3,147,255,0.3) ;
    font-size: 18px;
    text-align: center;
    color: #0393ff;
}
.window-con-list{
    padding: 20px;
}
.window-con-list li{
    margin-top: 5px;
}
.window-con-list li label{
    width: 80px;
    text-align: right;
}
.window-con-list li:first-child{
    margin-top: 0px;
}
.window-con-tit span{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width:calc( 100% - 40px );
    display:block;
    height: 50px;
    line-height: 50px;
}
.window-con-tit:after, .window-con-tit:before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 3px;
    height: 16px;
    content: "";
    background: #0393ff;
}
.window-con-tit:after{
    right: -2px;
}
.window-con-tit::before{
    left: -2px;
}
.window-left-ico{
    width:60px;
    height:60px;
    background:linear-gradient(180deg,rgba(3,147,255,0) 0%,rgba(3,147,255,0.3) 100%);
    opacity:0.3;
    border:1px solid rgba(3,147,255,1);
    position: relative;
    border-radius: 50%;
}
.window-left-ico::before,.window-left-ico::after{
    left: 50%;
    top:  50%;
    display: inline-block;
    content: '';
    position: absolute;
    width:40px;
    height:40px;
    background:linear-gradient(180deg,rgba(3,147,255,0) 0%,rgba(3,147,255,0.3) 100%);
    border:1px solid rgba(3,147,255,1);
    transform:translate(-50%,-50%);
    border-radius: 50%;
}
.window-left-ico::after{
    width:6px;
    height:6px;
    background:rgba(3,147,255,1);
}
.map-flag-yy{
    width: 6px;
    height: 4px;
    border-radius: 50%;
    margin:5px auto 0;
    box-shadow: 0px 0px 15px 3px #0088fa;
    background: #0088fa;
}

/* type=1 重點单位 社会单位2 小单位3  */
/* status1 火警 status2 异常 status3 离线 status4正常 status5一般 */
.status1{
    color: #DC2828;
}
.status2{
    color: #FAE600;
}
.status3{
    color:#F09612
}
.status4{
    color: #58CA5D;
}
.status5{
    color: #0393FF
}
.unit-ico.icon{
    border:2px solid #0393FF;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    background: rgba(0, 0, 0, .6);
    font-size: 26px;
    margin: 0 auto;
}
.status1 .map-flag-yy{
    background-color:#DC2828 ;
    box-shadow: 0px 0px 15px 3px #DC2828;
}
.status2 .map-flag-yy{
    background-color:#FAE600 ;
    box-shadow: 0px 0px 15px 3px #FAE600;
}
.status3 .map-flag-yy{
    background-color:#F09612 ;
    box-shadow: 0px 0px 15px 3px #F09612;
}
.status4 .map-flag-yy{
    background-color:#58CA5D ;
    box-shadow: 0px 0px 15px 3px #58CA5D;
}
.status5 .map-flag-yy{
    background-color:#0393FF ;
    box-shadow: 0px 0px 15px 3px #0393FF;
}
.status1.unit-ico{
    border-color:#DC2828 ;
}
.status2.unit-ico{
    border-color:#FAE600 ;
}
.status3.unit-ico{
    border-color:#F09612 ;
}
.status4.unit-ico{
    border-color:#58CA5D ;
}
.status5.unit-ico{
    border-color:#0393FF ;
}
.status1 .map-zt{
    background-image: url(../img/status1.png);
}
.status2 .map-zt{
    background-image: url(../img/status2.png);
}
.status3 .map-zt{
    background-image: url(../img/status3.png);
}
.status4 .map-zt{
    background-image: url(../img/status4.png);
}
.status5 .map-zt{
    background-image: url(../img/status5.png);
}
.status1 .window-left-ico,.status1 .window-left-ico:after, .status1 .window-left-ico:before {
    background: linear-gradient(180deg,rgba(255,10,0,1),rgba(255,10,0,.3));
    border-color:rgba(255,10,0,.6);
}
.status1 .window-con-tit{
    border-color:rgba(255,10,0,.6);
    background: rgba(255,10,0,.3);
    color:rgba(255,10,0,1);
}
.status1 .window-con-tit:after,.status1 .window-con-tit:before,.status1 .window-middle-ico{
    background: rgba(255,10,0,1);
}


.status2 .window-left-ico,.status2 .window-left-ico:after, .status2 .window-left-ico:before {
    background: linear-gradient(180deg,rgba(250,230,0,1),rgba(250,230,0,.3));
    border-color:rgba(250,230,0,.6);
}
.status2 .window-con-tit{
    border-color:rgba(250,230,0,.6);
    background: rgba(250,230,0,.3);
    color:rgba(250,230,0,1);
}
.status2 .window-con-tit:after,.status2 .window-con-tit:before,.status2 .window-middle-ico{
    background: rgba(250,230,0,1);
}

.status3 .window-left-ico,.status3 .window-left-ico:after, .status3 .window-left-ico:before {
    background: linear-gradient(180deg,rgba(250,150,18,1),rgba(250,150,18,.3));
    border-color:rgba(250,150,18,.6);
}
.status3 .window-con-tit{
    border-color:rgba(250,150,18,.6);
    background: rgba(250,150,18,.3);
    color:rgba(250,150,18,1);
}
.status3 .window-con-tit:after,.status3 .window-con-tit:before,.status3 .window-middle-ico{
    background: rgba(250,150,18,1);
}

.status4 .window-left-ico,.status4 .window-left-ico:after, .status4 .window-left-ico:before {
    background: linear-gradient(180deg,rgba(88,202,93,1),rgba(88,202,93,.3));
    border-color:rgba(88,202,93,.6);
}
.status4 .window-con-tit{
    border-color:rgba(88,202,93,.6);
    background: rgba(88,202,93,.3);
    color:rgba(88,202,93,1);
}
.status4 .window-con-tit:after,.status4 .window-con-tit:before,.status4 .window-middle-ico{
    background: rgba(88,202,93,1);
}

/*换肤*/
.theme1 .amap-type0 .amap-line{
    background: -webkit-linear-gradient(left top,rgba(0,0,0,.1), rgba(39,116,238,.6) );
}
.theme1 .amap-type1 .amap-line{
    background: -webkit-linear-gradient(left top,rgba(0,0,0,.1), rgba(255,177,10,.6) );
}
.theme1 .amap-type2 .amap-line{
    background: -webkit-linear-gradient(left top,rgba(0,0,0,.1), rgba(255,10,0,.6) );
}
.theme1 .amap-text{
    /*background: rgba(39,116,238,.8);*/
}
.theme1  .amap-type2 .amap-text{
    /*background: rgba(255,10,0,.6) ;*/
}
.theme1 .amap-type0 .amap-text .score{
    color: #f2f2f2;
}
.theme1 .amap-type1 .amap-text .score{
    color: #f2f2f2;
}
